<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="managesystem.Student" %>
<%@ page import="managesystem.Buddy" %>
<%@ page import="controlsystem.Course" %>
<%@ page import="java.util.List" %>
<!DOCTYPE html>
<html>
<%
	Student currStud = (Student) session.getAttribute("currStud");
%>
<head>
<title>Track ||Other</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css" />
<script src="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.js"></script>
</head>
<body>
<div data-role="page" id="home">
 <div data-role="header" data-theme="b">
  <h1>Track || Other</h1>
  <a href="/index-mobile.jsp" data-icon="home" data-iconpos="notext" data-direction="reverse" data-ajax="false" class="ui-btn-left jqm-home">Home</a>
 </div>
 <div data-role="content" data-theme="b">
  <form id="otherForm" action="/trackOtherMobile" method="POST">
  	<div data-role="fieldcontain">
			<label for="type" class="select">Type:</label>
			<select name="type" id="type" data-native-menu="false">
				<option value="eat">Eat</option>
				<option value="sleep">Sleep</option>
				<option value="sport">Sport</option>
				<option value="gaming">Gaming</option>
				<option value="music">Music</option>
				<option value="social">Social</option>
			</select>
		<div data-role="fieldcontain">
			<label for="duration">Duration (hours):</label>
		 	<input type="range" name="duration" id="slider" value="2" min="0" max="24" step="2" />
		</div>
		<div data-role="fieldcontain">
			<label for="rating" class="select">Rating:</label>
			<select name="rating" id="rating" data-native-menu="false">
				<option value="1">Bad</option>
				<option value="2">Rather ok</option>
				<option value="3">Normal</option>
				<option value="4">Good</option>
				<option value="5">Really good!</option>
			</select>
		</div>
		<div data-role="fieldcontain">
		<label for="description">Description:</label>
		<textarea name="description" id="description"placeholder="Write what you did during this activity.">
		</textarea>
		</div>
		<div data-role="fieldcontain">		
		<label for="comment">Comment:</label>
		<textarea name="comment" id="comment" placeholder="Write some comment here. Something you want to remember regarding this activity.">
		</textarea>
		</div>
		<div data-role="fieldcontain">
		<button type="submit">Track !</submit>
		</div>	
  </form>
 </div>
 <div data-role="footer" data-position="fixed" data-theme="b">
        <div data-role="navbar">
	        <ul>
	        <li><a href="../index-mobile.jsp" data-ajax="false" >Cancel</a></li>      
	        </ul>
        </div>
       </div>
</div>
</body>
</html>